// 科技风格颜色变量

// 主题色
@primary-color: #00a8ff;
@primary-light: #00c8ff;
@primary-dark: #0076e4;
@primary-gradient: linear-gradient(135deg, #0067ff, #00bbff);

// 背景色
@bg-dark: #060e1b;
@bg-medium: #0a1529;
@bg-light: #071630;
@bg-content: rgba(10, 21, 41, 0.5);

// 文字颜色
@text-primary: #a3daff;
@text-secondary: #66cdff;
@text-light: #ffffff;
@text-dark: #3a4a5e;

// 边框颜色
@border-color: rgba(0, 180, 255, 0.2);
@border-color-light: rgba(0, 180, 255, 0.5);
@border-color-hover: rgba(0, 235, 255, 0.8);

// 阴影
@box-shadow-small: 0 0 5px rgba(0, 170, 255, 0.3);
@box-shadow-medium: 0 0 10px rgba(0, 170, 255, 0.3);
@box-shadow-large: 0 0 20px rgba(0, 170, 255, 0.4);
@text-shadow: 0 0 8px rgba(0, 225, 255, 0.8);

// 动画时间
@transition-slow: 0.5s;
@transition-medium: 0.3s;
@transition-fast: 0.15s;

// 间距
@space-xs: 4px;
@space-sm: 8px;
@space-md: 16px;
@space-lg: 24px;
@space-xl: 32px;
@space-xxl: 48px;

// 圆角
@border-radius-small: 4px;
@border-radius-medium: 6px;
@border-radius-large: 8px;

// 字体
@font-size-small: 12px;
@font-size-normal: 14px;
@font-size-medium: 16px;
@font-size-large: 18px;
@font-size-xl: 20px;
@font-size-xxl: 24px;

// 布局
@header-height: 64px;
@sider-width: 260px;
@sider-collapsed-width: 80px;
@footer-height: 48px; 